<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>课程管理</title>
		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />
		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<script type="text/javascript" src="layui/layui.js"></script>

		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />

	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
		})
	</script>

	<body class="index-body">
		<!-- 外部头部拼接 -->
		<div class="header"></div>
		<div class="in-content">
			<div class="index-bread">
				<ol>
					<li>
						<a href="http://yth.0101data.cn/">
							<i class="fa fa-fw ti-home"></i>课程管理
						</a>
					</li>
				</ol>
			</div>
			<div class="in-course">
				<div class="search">
					<div class=" layui-row">
						<div class="layui-col-sm9 row">
							<div class="layui-col-sm4">
								<div class="layui-inline">
									<label class="layui-form-label">课程名:</label>
									<div class="layui-input-inline">
										<input class="form-control" type="text" />
									</div>
								</div>
							</div>
							<div class="layui-col-sm4">
								<div class="layui-inline">
									<label class="layui-form-label">开始时间:</label>
									<div class="layui-input-inline date">
										<input class="form-control" id="date-start" />
									</div>
								</div>
							</div>
							<div class="layui-col-sm4">
								<div class="layui-inline">
									<label class="layui-form-label">结束时间:</label>
									<div class="layui-input-inline date">
										<input class="form-control" id="date-end" />
									</div>
								</div>
							</div>
						</div>
						<div class="layui-col-sm3 search-btns">
							<button class="layui-btn layui-btn-sm">查询</button>
							<button class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
						</div>
					</div>
					<div class="search-btns search-btns2">
						<button class="layui-btn layui-btn-sm">新增</button>
						<button class="layui-btn layui-btn-primary layui-btn-sm">复制课程</button>
					</div>
				</div>

				<div class="data layui-form gk">
					<table class="layui-table" lay-skin="line">
						<colgroup>
							<col width="80">
							<col>
							<col width="130">
							<col width="130">
							<col width="60">
							<col width="130">
							<col width="180">
						</colgroup>
						<thead>
							<tr>
								<th>序号</th>
								<th>课程名</th>
								<th>开始时间</th>
								<th>结束时间</th>
								<th>公开</th>
								<th>创建时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr> 
							<tr>
								<td>2</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>3</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>4</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>5</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>6</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>7</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>8</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>9</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
							<tr>
								<td>10</td>
								<td>工程素质养成</td>
								<td>2018-01-22</td>
								<td>2018-02-11</td>
								<td><input type="checkbox" name="like1[write]" lay-skin="primary" title="" checked=""></td>
								<td>2018-01-21</td>
								<td><a href="#">管理中心</a> | <a href="#">编辑</a> | <a href="#" class='delete'>删除</a></td>
							</tr>
						</tbody>
					</table>
					<div id="page" class="page"></div>
				</div>
			</div>
			<!--
    	作者：864478199@qq.com
    	时间：2018-03-26
    	描述：底部
    -->
			<div class="login-footer2">
				<span>厦门理工学院 &copy; 2018</span>
			</div>
		</div>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
	</body>
	<script type="text/javascript">
		layui.use(['laydate', 'laypage', 'layer','form'], function() {
			var $ = layui.jquery, 
				laydate = layui.laydate,
				layer = layui.layer,
				laypage = layui.laypage,
				form = layui.form;
			//常规用法
			laydate.render({
				elem: '#date-start'
			});
			laydate.render({
				elem: '#date-end'
			});
			laypage.render({
				elem: 'page',
				count: 70,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
				jump: function(obj) {
					console.log(obj)
				}
			});
			form.render();
			var sourceName = '课程名';
//			$('.delete').click(function(){
//				layer.msg('你确定要删除 '+sourceName,{
//						time:0,
//						btn:['确定','取消'],
//						yes:function(index){
//							layer.close(index);
//						}
//					})
//			})
			$('.delete').click(function(){
				layer.alert('你确定要删除'+sourceName,{
					title: false,
					icon: 0,
					btn:['确定','取消'],
					skin: 'layer-ext-moon',
					yes:function(index){
						console.log("yes");
						layer.close(index);
					}
				})
			})
		});
	</script>

</html>